<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
      xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="context-path" th:content="@{/}"/>
    <title>管理控制台 | Springboot CRM</title>
    <!-- favicon icon -->
    <link rel="icon" type="image/png" th:href="@{/static/img/favicon.ico}">
    <!-- Tell the browser to be responsive to screen width -->
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
    <!-- Bootstrap 3.3.7 -->
    <link rel="stylesheet" th:href="@{/static/css/bootstrap.min.css}">
    <!-- Font Awesome -->
    <link rel="stylesheet" th:href="@{/static/css/font-awesome.min.css}">
    <!-- Ionicons -->
    <link rel="stylesheet" th:href="@{/static/css/ionicons.min.css}">
    <!-- Select2 -->
    <link rel="stylesheet" th:href="@{/static/css/select2.min.css}">
    <!-- Theme style -->
    <link rel="stylesheet" th:href="@{/static/css/AdminLTE.min.css}">
    <!-- Pace style -->
    <link rel="stylesheet" th:href="@{/static/css/pace.min.css}">
    <!-- zTree style -->
    <link rel="stylesheet" th:href="@{/static/css/ztree/metroStyle/metroStyle.css}">
    <!-- Bootstrap-table -->
    <link rel="stylesheet" th:href="@{/static/css/bootstrap-table.min.css}">
    <!-- Animate -->
    <link rel="stylesheet" th:href="@{/static/css/animate.min.css}">
    <!-- daterange picker -->
    <link rel="stylesheet" th:href="@{/static/css/daterangepicker.css}">
    <!-- bootstrap datepicker -->
    <link rel="stylesheet" th:href="@{/static/css/bootstrap-datepicker.min.css}">
    <!-- Bootstrap Color Picker -->
    <link rel="stylesheet" th:href="@{/static/css/bootstrap-colorpicker.min.css}">
    <!-- Bootstrap time Picker -->
    <link rel="stylesheet" th:href="@{/static/css/bootstrap-timepicker.min.css}">
    <!-- iCheck -->
    <link rel="stylesheet" th:href="@{/static/css/iCheck/square/blue.css}">
    <!-- AdminLTE Skins. Choose a skin from the css/skins
         folder instead of downloading all of them to reduce the load. -->
    <link rel="stylesheet" th:href="@{/static/css/skins/_all-skins.min.css}">

    <!-- 自定义样式 -->
    <link rel="stylesheet" th:href="@{/static/css/admin.css}">


    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js}"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js}"></script>
    <![endif]-->
    <script th:inline="javascript">
        var CONTEXT_PATH = [[${#request.getContextPath()}]];
    </script>
    <!-- Google Font -->
    <!--<link rel="stylesheet"
          href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic">-->
</head>
<body class="hold-transition skin-blue sidebar-mini fixed">
<!-- Site wrapper -->
<div class="wrapper">

    <div th:replace="~{base/header :: header}"> </div>

    <div th:replace="~{base/main-sidebar :: main-sidebar}"> </div>

    <!-- Content Wrapper. Contains page content -->
    <div class="content-wrapper" id="content-wrapper">
        <div th:replace="~{base/content-wrapper :: content-wrapper}"> </div>
    </div>
    <!-- /.content-wrapper -->

    <div th:replace="~{base/footer :: main-footer}"> </div>

    <div th:replace="~{base/control-sidebar :: control-sidebar}"> </div>

    <!-- Add the sidebar's background. This div must be placed
         immediately after the control sidebar -->
    <div class="control-sidebar-bg"></div>
</div>
<!-- ./wrapper -->
<!-- jQuery 3 -->
<script th:src="@{/static/js/jquery.min.js}"></script>
<!-- Bootstrap 3.3.7 -->
<script th:src="@{/static/js/bootstrap.min.js}"></script>
<!-- SlimScroll -->
<script th:src="@{/static/js/jquery.slimscroll.min.js}"></script>
<!-- FastClick -->
<script th:src="@{/static/js/fastclick.js}"></script>
<!-- AdminLTE App -->
<script th:src="@{/static/js/adminlte.min.js}"></script>
<!-- Select2 -->
<script th:src="@{/static/js/select2.full.min.js}"></script>
<!-- InputMask -->
<script th:src="@{/static/js/jquery.inputmask.js}"></script>
<script th:src="@{/static/js/jquery.inputmask.date.extensions.js}"></script>
<script th:src="@{/static/js/jquery.inputmask.extensions.js}"></script>
<!-- date-range-picker -->
<script th:src="@{/static/js/moment.min.js}"></script>
<script th:src="@{/static/js/daterangepicker.js}"></script>
<!-- bootstrap datepicker -->
<script th:src="@{/static/js/bootstrap-datepicker.min.js}"></script>
<!-- bootstrap color picker -->
<script th:src="@{/static/js/bootstrap-colorpicker.min.js}"></script>
<!-- bootstrap time picker -->
<script th:src="@{/static/js/bootstrap-timepicker.min.js}"></script>
<!-- SlimScroll -->
<script th:src="@{/static/js/jquery.slimscroll.min.js}"></script>
<!-- FastClick -->
<script th:src="@{/static/js/fastclick.js}"></script>
<!-- PACE -->
<script th:src="@{/static/js/pace.min.js}"></script>
<!-- zTree script -->
<script th:src="@{/static/js/jquery.ztree.all.min.js}"></script>
<!-- Bootstrap-table -->
<script th:src="@{/static/js/bootstrap-table.min.js}"></script>
<script th:src="@{/static/js/bootstrap-table-zh-CN.min.js}"></script>
<!-- Bootstrap-notify-3.1.3 -->
<script th:src="@{/static/js/bootstrap-notify.min.js}"></script>
<!-- Bootstrap-validator-0.11.9 -->
<script th:src="@{/static/js/validator.min.js}"></script>
<!-- iCheck -->
<script th:src="@{/static/js/icheck.min.js}"></script>
<!-- AdminLTE for demo purposes -->
<script th:src="@{/static/js/demo.js}"></script>

<script th:inline="javascript" th:src="@{/static/js/admin.js}"></script>
<script th:src="@{/static/js/common/utils.js}"></script>
</body>
</html>